<!--
 * @Description: 
 * @Author: zwx
 * @Date: 2024-11-01 10:51:42
 * @LastEditors: zwx
 * @LastEditTime: 2024-11-04 15:44:32
-->
<!-- 告诉浏览器 Html的版本是H5-->
<!DOCTYPE html>
<!-- 语言 English -->
<html lang="en">
<!-- 文档的头部 -->
<head>
  <!-- 信息标签 字符编码格式 -->
  <meta charset="UTF-8">
  <!-- 可使用的宽度为视口宽度 初始缩放比例为1 -->
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <!-- 文档的标题 在选项卡上显示 -->
  <title>登录</title>
  <!-- 设置选项卡的图标 -->
  <!-- <link rel="" href="./" type=""> -->
  <link rel="icon" href="./img/touxiang.png" alt=""/>
</head>
<!-- 文档的主体 在 网页的视口区显示的-->
<body> 
  <th>标题一</th>
  <th>标题二</th>
  <th>标题三</th>
  <th>标题四</th>


<img src="./img/heng.png" alt=""/>

<form action="">
  <div>
    用户名：<input class="formInput" type="text" name="username">
  </div>
  
  <div>
    密码：<input class="formInput" type="password" name="password">
  </div>

  <div>
    性别：
    <label for="genderNan">
      男<input id="genderNan" type="radio" name="gender" value="男">
    </label>

     女<input type="radio" name="gender" value="女">
  </div>

  <div>
    爱好：
    🏀<input type="checkbox" name="like" value="🏀">
    ⚽️<input type="checkbox" name="like" value="⚽️">
    🏓<input type="checkbox" name="like" value="🏓">
  </div>

  <div>
    城市：
    <select name="city">
      <option value="">请选择</option>
      <option value="北京">北京</option>
      <option value="上海">上海</option>
      <option value="广州">广州</option>
    </select>

  </div>

  <div>
    生日：
    <input type="date" name="birth">
  </div>

  <div>
    个人介绍：
    </div>

  <div>
    <textarea name="info" cols="30" rows="5" placeholder="请输入个人介绍"></textarea>
  </div>

  <div>
    <!-- 如需要其他功能 要绑定事件 -->
    <input type="button" value="普通按钮">
    <input type="submit" value="提交按钮">
    <input type="reset" value="重置按钮">
  </div>

</form>
<iframe
 src="https://i.tianqi.com/?c=code&a=getcode&id=55&icon=1" frameborder="30">
</iframe>

</body>

<!-- html的结束标签 -->
</html>